{{ define "template/payNotice.html" }}
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <script type="application/javascript" src="../../static/js/jquery-1.12.4.min.js"></script>
    <script src="../../static/js/jquery.cookie-1.4.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <!-- 引入layui css -->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"/>
    <!-- 引入layui js -->
    <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
    <link rel="stylesheet" href="/static/css/payNotice.css">
    <title>{{.title}}</title>
</head>
<body>
<!-- 导航条 -->
<nav class="navbar navbar-default">
    <div class="container-fluid title_nav">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <a class="navbar-brand" href="{{ .requrl }}"><img src="/static/img/login_logo.png" alt="" id="logo"></a>
            <div class="orderSuccess"><span>操作成功</span></div>
        </div>
    </div><!-- /.container-fluid -->
</nav>
<!-- 付款成功通知 -->
<div class="pay_success_panel">
    <div class="orderImg"><img src="/static/img/paySuccess.png" alt=""></div>
    <div class="orderText">
        <!--        <p>订单： <b>ll56656565665656</b> 支付成功</p>-->
        <p>支付状态：<b>{{ .order_id }}</b> 支付成功</p>
        <!--        <p>订单金额： <b>888</b> 元</p>-->
        <p>订单金额： <b>{{ .amount }}</b> 元</p>
        <p>支付方式： <b style="color: #777">在线支付</b></p>
    </div>
    <div class="complete">
        <a href="{{ .requrl }}" id="complete_btn"><span>完成</span></a>
    </div>
</div>

<!-- 轮播区 -->
<div class="goodsTitle">
    <span><img src="/static/img/HBao.png" alt=""> 新品推荐</span>
</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
    </ol>
    <!-- 图片轮换区-->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <a href="https://cn.lianliwork.com/products_list/986995028719550464.html">
                <img src="https://uploadfile.huiyi8.com/up/a2/0c/37/a20c377c750be1cbaa0e7a723c72573f.jpg" alt="...">
            </a>
            <div class="carousel-caption">
                （新品/爆款）推荐，看中哪款产品点击相应图片即可前往商城下单购买
            </div>
        </div>
        {{ range .shopping_url }}
        <div class="item">
            <a href="{{ .JumpUrl }}">
                <img src="{{ .ImgUrl }}" alt="...">
            </a>
            <div class="carousel-caption">
                {{ .Remark }}
            </div>
        </div>
        {{ end }}
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!-- 底部栏 -->
<div class="bottom col-md-12 col-xs-12 col-sm-1" style="position: fixed">
    <div class="text_url">
            <span>友情链接:
                <a href="http://www.lianliwork.com">链力官网</a> |
                <a href="http://sh.lianlipower.com:9201">链力商城</a> |
                <a href="http://www.lianliwork.com/gywm">关于我们</a> |
                <a href="https://v3.bootcss.com/">BootStrap</a>
            </span>
    </div>
    <span id="filing">备案号：<i>粤ICP备2022032841号</i></span>
</div>
</body>
<script src="/static/js/payNotice.js"></script>
</html>
{{ end }}